<!Doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"/>
    <title>堆糖</title>
</head>
<body>
    <header>
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="nav_left col-lg-2">
                    <a class="navbar-brand" href="#"><img src="img/堆糖，美好生活研究所_03.png"></a>
                    <span id="yiru">分类<img src="img/堆糖，美好生活研究所_05.png"></span>
                    <div id="yichu">
                        <div class="yichu_top">
                            <div>
                                <p>热门推荐</p>
                            </div>
                            <div>
                                <p>良品购</p>
                            </div>
                        </div>
                        <div class="yichu_bottom">
                            <ul class="asd">
                                <li><a href="">家居生活</a></li>
                                <li><a href="">美妆造型</a></li>
                                <li><a href="">影音书籍</a></li>
                                <li><a href="">搞笑萌宠</a></li>
                                <li><a href="">壁纸</a></li>
                            </ul>
                            <ul>
                                <li><a href="">美食菜谱</a></li>
                                <li><a href="">婚纱婚礼</a></li>
                                <li><a href="">人物明星</a></li>
                                <li><a href="">人文艺术</a></li>
                                <li><a href="">旅行</a></li>
                            </ul>
                            <ul>
                                <li><a href="">手工DIY</a></li>
                                <li><a href="">文字句子</a></li>
                                <li><a href="">植物多肉</a></li>
                                <li><a href="">设计</a></li>
                                <li><a href="">头像</a></li>
                            </ul>
                            <ul>
                                <li><a href="">时尚搭配</a></li>
                                <li><a href="">插画绘画</a></li>
                                <li><a href="">生活百科</a></li>
                                <li><a href="">古风</a></li>
                                <li><a href="">摄影</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
                    <form class="col-lg-8">
                        <input type="search" placeholder="搜索感兴趣的内容">
                        <button type="submit"><img src="img/堆糖，美好生活研究所_06.png"></button>
                    </form>
                    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                        <li class="nav-item1">
                            <a class="nav-link" href="#">堆糖生活家<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">注册/登录</a>
                        </li>
                    </ul>

                </div>
            </nav>
        </div>
    </header>

        <div class="container">
            <div class="top">
                <img src="img/堆糖，美好生活研究所_11.png">
                <div class="ziti_left col-lg-4">
                    <img src="img/堆糖，美好生活研究所_04.png">
                    <p class="p1">女生必备</p>
                    <p>暖心APP</p>
                </div>
                <div class="ziti col-lg-6">
                    <p>手机扫一扫下载堆糖APP 领取108元礼券 抽取99元现金红包</p>
                </div>
            </div>
        </div>

    <div class="banner">
        <div class="container">
            <div class="row">
                    <div class="banner_left col-lg-9" >
                        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                            </ol>
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <img src="img/堆糖，美好生活研究所_07.png" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="img/堆糖，美好生活研究所_07.png" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="img/堆糖，美好生活研究所_07.png" class="d-block w-100" alt="...">
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                <div class="banner_right col-lg-3" >
                    <div class="right_1">
                        <h5>社区热点</h5>
                    </div>
                    <div class="right_2">
                        <ul>
                            <li><a href="">欧美风</a></li>
                            <li><a href="">张云雷</a></li>
                            <li><a href="">阿丽塔</a></li>
                        </ul>
                        <ul>
                            <li><a href="">每家</a></li>
                            <li><a href="">插图</a></li>
                            <li><a href="">猫</a></li>
                        </ul>
                        <ul>
                            <li><a href="">东宫</a></li>
                            <li><a href="">女生节</a></li>
                        </ul>
                    </div>
                    <div class="right_3">
                        <span>精选</span><p>招募 <b>·</b> 少女感养成...</p>
                        <span>工具</span><p>堆糖工具小助手</p>
                    </div>
                    <div class="right_4">
                        <img src="img/堆糖，美好生活研究所_01.png">
                            <h6>堆糖-美好生活研究所</h6>
                            <h6>最佳生活类应用</h6>
                        <button>立即下载</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-lg-2">
                    <ul>
                        <li><a href="">每日精选</a></li>
                        <li><a href="">关注动态</a></li>
                    </ul>
                </div>
                <div class="col-lg-7">
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/堆糖，美好生活研究所_02.png">
                                <span>堆糖小喇叭</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>留下壁纸，我们就是朋友！</p>
                                <img src="img/堆糖，美好生活研究所_010.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_16.png">
                                <span>coloroom彩条屋</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                                <img src="img/images/堆糖，美好生活研究所1_18.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li onclick="zan()"><img src="img/堆糖，美好生活研究所_14.png"><span id="zan1">140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_21.png">
                                <span>美少女PINK酱</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要连接！</p>
                                <img src="img/images/堆糖，美好生活研究所1_24.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_26.png">
                                <span>-你是我全世界最喜欢的猪-</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>有哪些适合摘抄的文艺且悲凉的句子？</p>
                                <img src="img/images/堆糖，美好生活研究所1_29.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_31.png">
                                <span>干脆面炼金术士</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>人生的意义，在于一天比一天活的快乐</p>
                                <img src="img/images/堆糖，美好生活研究所1_34.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/堆糖，美好生活研究所_02.png">
                                <span>堆糖小喇叭</span>
                                <h6>主题-我曾为你动过情</h6>
                            </div>
                            <div class="zo_zho">
                                <p>我曾为你动过情</p>
                                <img src="img/images/堆糖，美好生活研究所1_36.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_26.png">
                                <span>-你是我全世界最喜欢的猪-</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>登上79所高校学生借阅排行榜的九本书。</p>
                                <img src="img/images/堆糖，美好生活研究所1_38.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_40.png">
                                <span>情写风月</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>799风景内测美化包</p>
                                <img src="img/images/堆糖，美好生活研究所1_43.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_45.png">
                                <span>审</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>火影你们粉谁留名我去截头像！</p>
                                <img src="img/images/堆糖，美好生活研究所1_48.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_21.png">
                                <span>美少女PINK酱</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>初春外套没炸天！！第一件闺蜜追着我要连接！！</p>
                                <img src="img/images/堆糖，美好生活研究所1_50.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_52.png">
                                <span>少女感养成学院</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>同桌的你</p>
                                <img src="img/images/堆糖，美好生活研究所1_55.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/堆糖，美好生活研究所_02.png">
                                <span>堆糖小喇叭</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>我的CP真香！</p>
                                <img src="img/images/堆糖，美好生活研究所1_57.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>107</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_59.png">
                                <span>白日做梦大熊</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>当女生也太太太太不容易了</p>
                                <img src="img/images/堆糖，美好生活研究所1_62.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_26.png">
                                <span>-你是我全世界最喜欢的猪-</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>有哪些好看值得回味的爱情电影？</p>
                                <img src="img/images/堆糖，美好生活研究所1_64.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_66.png">
                                <span>堆糖Class小助手</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>伴随一生的「少女感」，拥有它一点也不难</p>
                                <img src="img/images/堆糖，美好生活研究所1_69.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_71.png">
                                <span>飞乐鸟</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>女生千万别看这些言情小说......不然会被里面的沙雕桥段给</p>
                                <img src="img/images/堆糖，美好生活研究所1_74.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_21.png">
                                <span>美少女PINK酱</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>7个私藏的小众APP，实用又有bigger，用过三款算输！</p>
                                <img src="img/images/堆糖，美好生活研究所1_76.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo">
                        <div class="zo_1">
                            <div class="zo_top">
                                <img src="img/images/堆糖，美好生活研究所1_26.png">
                                <span>-你是我全世界最喜欢的猪-</span>
                                <h6>热门内容</h6>
                            </div>
                            <div class="zo_zho">
                                <p>中国最全的拨弦击弦类乐器合集种类十分多涨姿势了。</p>
                                <img src="img/images/堆糖，美好生活研究所1_78.png">
                            </div>
                            <div class="zo_bottom">
                                <ul>
                                    <li><img src="img/堆糖，美好生活研究所_14.png"><span>140</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_15.png"><span>219</span></li>
                                    <li><img src="img/堆糖，美好生活研究所_16.png"><span>更多</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="zo2">
                        <a href="#">查看更多<img src="img/堆糖，美好生活研究所_19.png"></a>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="co-3">
                        <div class="col-3_top">
                            <p>推荐关注<span>换一批</span></p>
                        </div>
                        <div class="col-3_zh">
                            <ul class="ul1">
                                <li><img src="img/堆糖，美好生活研究所_08.png"></li>
                                <li><img src="img/堆糖，美好生活研究所_09.png"></li>
                                <li><img src="img/堆糖，美好生活研究所_12.png"></li>
                                <li><img src="img/堆糖，美好生活研究所_13.png"></li>
                            </ul>
                            <ul class="ul2">
                                <li>
                                    <button>关注</button>
                                    <span>一望损莓苔</span>
                                    <h6>擅长领域:手工，园艺</h6>
                                </li>
                                <li>
                                    <button>关注</button>
                                    <span>猫头鹰叔叔</span>
                                    <h6>擅长领域:摄影</h6>
                                </li>
                                <li>
                                    <button>关注</button>
                                    <span>兔纸鱼</span>
                                    <h6>擅长领域:Q版</h6>
                                </li>
                                <li>
                                    <button>关注</button>
                                    <span>小熊奶黄包</span>
                                    <h6>擅长领域:壁纸，Q版</h6>

                                </li>
                            </ul>

                        </div>
                        <div class="col-3_bottom">
                            <a href="">查看更多 ></a>
                        </div>
                    </div>
                    <div class="co2-3">
                        <h5>女生必备暖心APP</h5>
                        <img src="img/堆糖，美好生活研究所_18.png">
                        <p>
                            手机扫一扫下载堆糖APP<br>
                            领取108元礼券 抽取99元现金红包
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <p>APP下载</p>
                    <img src="img/堆糖，美好生活研究所_21.png">
                    <p>扫描二维码<br>下载堆糖手机客户端</p>
                </div>
                <div class="col-lg-9">
                    <div class="col-lg-4">
                        <ul>
                            <li>关于我们</li>
                            <li><a href="">关于我们</a></li>
                            <li><a href="">加入我们</a></li>
                            <li><a href="">联系我们</a></li>
                            <li><a href="">商务合作</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4">
                        <ul>
                            <li>关于我们</li>
                            <li><a href="">新浪微博</a></li>
                            <li><a href="">微信公众号</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 last">
                        <p>友情链接</p>
                        <ul>
                            <li><a href="">爱物网</a></li>
                            <li><a href="">肉丁网</a></li>
                        </ul>
                        <ul>
                            <li><a href="">东方女性网</a></li>
                            <li><a href="">更多..</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
                <p>©2019 duitang.com 版权所有。沪ICP备10038086号-3<img src="img/堆糖，美好生活研究所_25.png"> <img src="img/堆糖，美好生活研究所_27.png"> | 增值电信业务经营许可证：沪B2-20180610自营经营者信息<br>
                    <img src="img/堆糖，美好生活研究所_32.png">上海市互联网违法和不良信息举报中心 有害内容举报电话：021-63462282</p>
            </div>
        </div>
    </footer>

    <div id="toTop">
        <img src="img/1.png">
    </div>

    <script src="script.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
</body>
</html>